.style-color{
  color: #FBC200;
}
.style-bg-color{
  background-color: #FBC200;
}
.flex{
  display: flex;
  display: -webkit-flex;
}
.flex-r{
  flex-direction: row;
}
.flex-c{
  flex-direction: column;
}
.filter{
  webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%); 
  filter: gray;
}
.flex-item-l-center{
  justify-content: center;
}
.ecs{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ecs-2{
  -webkit-line-clamp: 2;
}
.esc-3{
  -webkit-line-clamp: 3;
}
.ecs-4{
  -webkit-line-clamp: 4;
}
.ecs-5{
  -webkit-line-clamp: 5;
}
.flex-item-center{
  align-items: center;
  justify-content: center;
}
.flex-item-between{
  justify-content:space-between;
}
.flex-item-around{
  justify-content:space-around;
}
.flex-item-end{
  align-items: flex-end;
  justify-content: flex-end;
}
.flex-1{
  flex: 1;
}
.flex-2{
  flex: 2;
}
.flex-3{
  flex: 3;
}
.flex-4{
  flex: 4;
}
.flex-item-l-end{
 justify-content: flex-end;
}
.flex-item-v-end{
 align-items: flex-end;
}
.footer{
  align-self: flex-end;
}
.flex-item-v-center{
  align-items: center;
}
.flex-warp{
  flex-wrap: wrap;
}
.flex-nowarp{
  flex-wrap: nowrap;
}
.search-box{
  height: 0.88rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background-color: #fff;
}
.search-input-box{
  flex: 1;
  border-radius: 0.5rem;
  background-color: #f2f2f2;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  display: flex;
  display: -webkit-flex;
  align-items: center
}
.search-input-box input,.search-input-box .input {
  flex: 1;
  padding: 0 0.2rem;
  color: #ABABAB;
  font-size: 0.28rem;
  line-height: 0.5rem;
  height: 0.5rem;
}
.search-classify{
  width: 0.66rem;
  height: 0.5rem;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: center;
}
.search-classify image{
  width: 0.41rem;
  height: 0.41rem;
}
.icon{
  width: 0.26rem;
  height: 0.26rem;
  background-size: 100%;
}
.search-icon{
  background-image: url("https://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs/search_icon.png");
}
.close-icon{
  background-image: url("https://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs/search_close.png");
}

.arrows-rigth {
  width: 0.16rem;
  height: 0.16rem;
  border-top: 0.05rem solid #C7C7CC;
  border-right: 0.05rem solid #C7C7CC;
  transform: rotate(45deg);
}

.weui-loading {
  margin: 0 5px;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: weuiLoading 1s steps(12, end) infinite;
  animation: weuiLoading 1s steps(12, end) infinite;
  background: transparent url() no-repeat;
  background-size: 100%;
}